.graybg {
  background: #f5f6fa;
}

.dropload-noData {
  color: #DC3023;
}

.m15 {
  margin-top: .15rem;
}

.n-l-margin {
  margin-top: 1.8rem;
  margin-bottom: 2.4rem;
}

.search-margin {
  margin-top: 1.1rem;
  /* margin-bottom: 2.4rem; */
  width: 100%;
  position: absolute;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.at-top {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background: #fff;
}

.at-topcontent {
  position: relative;
}

.at-navtab {
  width: 6.72rem;
}

.at-navtab li {
  float: left;
  width: 50%;
  padding: 0 0.08rem;
  box-sizing: border-box;
}

.at-navtab li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #333333;
  font-size: .36rem;
  text-align: center;
  padding: .2rem 0 0.21rem;
}

.at-navtab li a.active:after {
  content: "";
  width: 100%;
  height: 0.08rem;
  background: #DC3023;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;

}

.at-search {
  height: .4rem;
  width: 2px;
  border-left: 1px solid #CCCCCC;
  padding-left: 0.22rem;
  position: absolute;
  right: 0.58rem;
  top: 50%;
  transform: translateY(-50%);
}

.at-search a {
  display: inline-block;
  width: .32rem;
  height: .32rem;
  background: url(/images/search1.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 0.04rem;
}



.i-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.68);
  z-index: 2;
  display: none;
}



.n-l-nav {
  display: flex;
  justify-content: space-between;
  position: relative;
  /* padding: .3rem 0; */
}

.n-l-nav li {
  list-style: none;
  text-align: center;
  width: 50%;
  padding: .2rem 0 .2rem;
  font-size: .32rem;
  position: relative;

}

.n-l-nav li:after {
  content: '';
  width: 0px;
  height: 0px;
  border: 0.1rem solid transparent;
  border-top-color: #333;
  position: relative;
  top: 50%;
  left: 0.12rem;
  transform: translateY(-50%);
}

.n-l-nav .active {

  color: #DC3023;
}

.n-l-nav .active:after {
  content: '';
  top: -50%;
  width: 0px;
  height: 0px;
  border: 0.1rem solid transparent;
  border-bottom-color: #DC3023;

}



.n-l-step,
.n-l-status,
.n-l-sort,
.n-l-type {
  font-size: 0.36rem;
}

.n-l-step,
.n-l-type,
.n-l-status,
.n-l-sort {
  display: none;
}

.n-l-step .active,
.n-l-type .active,
.n-l-status .active,
.n-l-sort .active {
  color: #DC3023;
  position: relative;
}

.n-l-step li,
.n-l-type li,
.n-l-status li,
.n-l-sort li {
  padding: .24rem .38rem .2rem .4rem;
  color: #666;
  font-size: 0.32rem;
  list-style-type: none;
  border-bottom: 1px solid #EEEEEE;
}

.n-l-step .active:after,
.n-l-type .active:after,
.n-l-status .active:after,
.n-l-sort .active:after {
  top: .4rem;
}

.n-l-step .active:after,
.n-l-type .active:after,
.n-l-status .active:after,
.n-l-sort .active:after {
  content: '';
  position: absolute;
  top: .38rem;
  right: .3rem;
  width: .28rem;
  height: .2rem;
  background-image: url(/images/check.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}




.tj-actlist-img .status {
  border-radius: 100%;
}

.tj-actlist-img .status1 {
  background-image: url(/images/status1.png);
}

.tj-actlist-img .status2 {
  background-image: url(/images/status2.png);
}

.tj-actlist-img .status3 {
  background-image: url(/images/status3.png);
}

.tj-actlist-img .status4 {
  background-image: url(/images/status4.png);
}


.n-l-content .tj-actlist-img .tab {
  font-size: .22rem;
}

.train-color {
  font-size: .24rem;
  padding: 0.02rem 0.06rem;
  background: #72FF6B;

}

.activity-color {
  font-size: .24rem;
  padding: 0.02rem 0.06rem;
  background: #FF6B6F;

}

.n-l-content .tj-actlist-title {
  white-space: normal;
}

.n-l-content .index-tj-actlist li:last-child {
  border: none;
}

.n-l-content .index-tj-actlist {
  padding-top: 0.01rem;
  background: #fff;
}

/* 兼容iphone4 */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
  .status {
    width: 1rem !important;
    height: 1rem !important;
    line-height: 1rem !important;
  }

}

/* 兼容iphone5 */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

  .status {
    width: 1rem !important;
    height: 1rem !important;
    line-height: 1rem !important;
  }


}






.n-l-search-hot {
  padding: 0 .2rem .1rem .1rem;
}

.n-l-search-tuijian {
  padding: 0 .2rem .1rem;
  border-top: .12rem solid #f5f6fa;
}


.n-l-search .focus+.n-l-search-remove {
  display: block;
}

.n-l-search-input {
  position: relative;
  padding: .15rem .2rem .15rem .22rem;
  box-shadow: 0px 5px 23px rgba(0, 0, 1, 0.1);
}

.n-l-search input {
  outline: none;
  display: block;
  position: relative;
  z-index: 20;
  width: 86%;
  /* border: 1px solid #ddd; */
  padding: .12rem .6rem .12rem .72rem;
  font-size: .28rem;
  /* text-align: center; */
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
  border-radius: .5rem;
  transition: width .2s;
  background: #EEEEEE;
  box-sizing: border-box;
}

.n-l-search-icon {
  position: absolute;
  z-index: 21;
  width: .32rem;
  height: .32rem;
  left: .4rem;
  top: 50%;
  transform: translateY(-50%);
}

.n-l-search-remove {
  position: absolute;
  z-index: 21;
  width: .26rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1.4rem;
  display: none;
}

.n-l-search-btn {
  position: absolute;
  z-index: 16;
  top: 50%;
  right: .4rem;
  border: none;
  background-color: transparent;
  font-size: .28rem;
  color: #333;
  transform: translateY(-50%);
  outline: none;
}

.n-l-search-cont {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  /* padding: .3rem; */
  z-index: 15;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0;

  border-top: .24rem solid #f5f6fa;
}


.n-l-search-title {
  font-size: .24rem;
  color: #999999;
  margin-left: .1rem;
  padding: .2rem 0 .16rem;
}

.n-l-search-title:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.n-l-search-clear {
  float: right;
}

.n-l-search-title p img {
  width: .36rem;
  margin-right: 0.06rem;
  position: relative;
  top: 0;
}




.n-l-search-box:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.n-l-search-box li {
  padding: .2rem .34rem;
  background-color: #f0f0f0;
  float: left;
  margin: 0.1rem;
  font-size: .24rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
  border-radius: .1rem;
  list-style-type: none;
  color: #333;
}






.n-l-header {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
}


.n-l-top110 {
  top: 0.92rem;
}

.video-link-light {
  width: 70px;
  float: left;
}

.video-link-right {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  float: left;
  color: red
}

.video-link-right-span-button {
  color: white;
  background-color: #e82525;
  border: 1px solid #ff000008;
  width: 30px;
  border-radius: 14px;
}

.list-goback {
  text-align: center;
  font-size: 18px;
  padding: 8px;
  margin: 0px;
  background-color: #DC3023;
  color: white;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .88rem;
}

.n-l-search input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cccccc;
}

.n-l-search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc;
}

.n-l-search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc;
}

.n-l-search input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cccccc;
}




.activity-bigimg {
  border-radius: 0;
  margin: 0;
}


.activity-top {
  background: #fff;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.06);

}

.activity-top-time {
  background: #fff;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.06);
  /* margin-bottom: 14px; */
  margin: .28rem 0.11rem 0;
}

.activity-top h5 {
  color: #333333;
  font-size: .3rem;
  margin-top: .22rem;
  margin-bottom: .1rem;
}

.activity-topCon {
  padding: 0 .2rem;


}

.act-t {

  padding-bottom: .04rem;
}

.act-b {
  border-top: 1px solid #CCCCCC;
  margin: 10px;
}

.activity-hint {

  font-size: .24rem;
  display: flex;
  line-height: .56rem;
  align-items: baseline;
  padding: 0 .2rem;
}

.activity-hint span {
  float: left;
  font-weight: 600;
  font-size: 14px;
}

.activity-hint .font {
  float: left;
  font-weight: 600;
  font-size: 12px;
}

.act-tishi {
  padding: .08rem 0;

  font-size: .24rem;
}



.activity-bottom {
  background: #fff;
  padding: 0 .2rem;
  /* 	box-shadow: 1px 6px 20px rgba(0,0,0,0.06); */

}

.act-tabContent {
  margin-bottom: 1.1rem;


}


.act-tab {
  padding: 0 0.1rem;
  border-bottom: 1px solid #DDDDDD;
}

.act-tab li {
  float: left;
  width: 33.3%;
  position: relative;
  text-align: center;
  padding: .24rem 0;
  font-size: .32rem;

}

.act-tab li.active:after {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 0.04rem;
  background: #DC3023;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.act-tabContent>div {
  display: none;
}

.act-tabCon1 {
  padding: .3rem .2rem;
  background: #fff;
  text-align: justify;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.06);
}

.act-tabCon2 {
  padding: 0 0 .2rem;
  background: #fff;
  text-align: justify;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.06);
}

.act-tabCon1 p {

  font-size: .28rem;
  margin-bottom: 0.08rem;
}




.train-tab li {
  width: 50%;
}

.train-tab li.active:after {
  width: 2.28rem;
}



.actfix-b {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .98rem;
  background: #FFFFFF;
}

.actfix-apply {
  display: inline-block;
  width: 3.28rem;
  height: .88rem;
  line-height: .88rem;
  color: #fff;
  background: #DC3023;
  font-size: .28rem;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

.actfix-apply.active {
  background: #666666;
}

.actfix-list {
  width: 4.22rem;
  display: inline-block;
}

.actfix-list li {
  float: left;
  text-align: center;
  width: 33.3%;
}

.actfix-list li a {
  display: inline-block;
  color: #333333;
}

.actfix-list li a.active {
  color: #DC3023;
}

.act-yan i {
  display: inline-block;
  width: .35rem;
  height: .26rem;
  background: url(/images/yan1.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.02rem;
  margin-top: 0.14rem;
}

.act-zan i {
  display: inline-block;
  width: .31rem;
  height: .32rem;
  background: url(/images/zan1.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.1rem;
}

.act-zan.active i {
  background: url(/images/zan2.png) no-repeat;
  background-size: 100% 100%;
}

.act-col i {
  display: inline-block;
  width: .34rem;
  height: .32rem;
  background: url(/images/col1.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.1rem;
}

.act-col.active i {
  background: url(/images/col2.png) no-repeat;
  background-size: 100% 100%;
}


.big-btn {
  width: 100%;
  height: .88rem;
  line-height: .88rem;
  font-size: .28rem;
  color: #fff;
  background: #DC3023;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
}

.big-title {
  padding: 0 0.1rem 0 0.14rem;


  color: #000000;
  font-size: .3rem;
}

.big-title p {
  padding: 0.24rem 0;
  position: relative;
  border-bottom: 1px solid #DDDDDD;
}

.big-title p:after {
  position: absolute;
  content: "";
  width: 0.04rem;
  height: .3rem;
  background: #DC3023;
  position: absolute;
  left: -0.14rem;
  top: 50%;
  transform: translateY(-50%);
}


.tinfo-list {
  min-height: 1.94rem;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.06);
}

.tinfo-list li:last-child a {
  padding-bottom: .34rem;

}

.tinfo-list a {
  display: block;
  padding-top: .26rem;
  padding-bottom: .12rem;


  border-bottom: 1px solid #CCCCCC;

}

.tinfo-list li {
  background: #fff;
  padding-left: 0.2rem;
  padding-right: 0.2rem;

}

.tinfo-list li:last-child a {
  border-bottom: none;
}

.tinfo-img {
  width: 2.7rem;
  height: 1.56rem;
  overflow: hidden;
  border-radius: 5px;
  float: left;
  margin-right: .22rem;
}

.tinfo-img img {
  width: 100%;
  height: 100%;
}

.tinfo-hint {

  overflow: hidden;
}

.tinfo-hint h5 {
  color: #333333;
  font-size: .32rem;
  margin-bottom: .26rem;

}

.tinfo-hint p {
  margin: 0.06rem 0;
  color: #666666;
  font-size: .24rem;
}




.p-body-com {
  padding: 0 .2rem;
}

.p-body-com>li {
  padding: .28rem 0 .2rem;
  border-bottom: 1px solid #CCCCCC;
}

.p-body-com-info {
  position: relative;
}

.p-body-com-user img {
  width: 0.68rem;
  border-radius: 50%;
  margin-right: .2rem;
}

.p-star-wrap {
  display: inline-block;
  position: absolute;
  left: 0.88rem;
  top: 0.1rem;
}

.p-star-wrap span {
  margin-right: 0.06rem;
  color: #666666;
  font-size: .28rem;
}

.p-star-wrap font {
  font-size: .22rem;
  color: #DC3023;
  border: 1px solid #DC3023;
  padding: 0.04rem 0.1rem;
  border-radius: 5px;
}

.p-star-box {
  position: absolute;
  right: .2rem;
  top: 0;
  display: inline-block;
  height: 0.14rem;
  top: -.1rem;
  margin-left: 0.1rem;
  margin-top: 0.2rem;
}

.p-star-box li {
  width: 0.32rem;
  height: 0.32rem;
  background: url(/images/col1.png) no-repeat;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  list-style: none;
  background-position: center;
  float: left;
  margin-right: 0.1rem;
  cursor: pointer;
}

.p-star-box li.active {
  background: url(/images/col3.png) no-repeat;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}



.p-body-title {
  padding-left: .88rem;
  box-sizing: border-box;
  color: #333333;
  font-size: .28rem;
}

.p-body-hint {
  padding-left: .88rem;
  box-sizing: border-box;
  color: #999999;
  font-size: .22rem;
  margin-top: .44rem;
}

.p-body-hint span {
  margin-right: .2rem;
}